<template>
  <div class="content">
    <div class="description">
      <p>现款概览</p>
    </div>
    <div class="detail">
      <div class="div1">
        <p>剩余资产</p>
        <p>10000000.00<svg t="1693835457771" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13977" width="16" height="16"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-64c212.077 0 384-171.923 384-384S724.077 128 512 128 128 299.923 128 512s171.923 384 384 384z m31.535-415.465v64h125c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125v147c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-147h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h125v-64h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h83.745L312.373 290.627c-12.497-12.496-12.497-32.758 0-45.254 12.496-12.497 32.758-12.497 45.254 0L511.535 399.28l153.907-153.907c12.497-12.497 32.758-12.497 45.255 0 12.497 12.496 12.497 32.758 0 45.254L584.79 416.535h83.745c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125z" fill="#2c2c2c" p-id="13978"></path></svg></p>
      </div>
      <div class="div2">
        <p>今日支出</p>
        <p>10000000.00<svg t="1693835457771" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13977" width="16" height="16"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-64c212.077 0 384-171.923 384-384S724.077 128 512 128 128 299.923 128 512s171.923 384 384 384z m31.535-415.465v64h125c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125v147c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-147h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h125v-64h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h83.745L312.373 290.627c-12.497-12.496-12.497-32.758 0-45.254 12.496-12.497 32.758-12.497 45.254 0L511.535 399.28l153.907-153.907c12.497-12.497 32.758-12.497 45.255 0 12.497 12.496 12.497 32.758 0 45.254L584.79 416.535h83.745c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125z" fill="#2c2c2c" p-id="13978"></path></svg></p>
      </div>
      <div class="div3">
        <p>今日收入</p>
        <p>10000000.00<svg t="1693835457771" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13977" width="16" height="16"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-64c212.077 0 384-171.923 384-384S724.077 128 512 128 128 299.923 128 512s171.923 384 384 384z m31.535-415.465v64h125c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125v147c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-147h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h125v-64h-125c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h83.745L312.373 290.627c-12.497-12.496-12.497-32.758 0-45.254 12.496-12.497 32.758-12.497 45.254 0L511.535 399.28l153.907-153.907c12.497-12.497 32.758-12.497 45.255 0 12.497 12.496 12.497 32.758 0 45.254L584.79 416.535h83.745c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-125z" fill="#2c2c2c" p-id="13978"></path></svg></p>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import {onMounted} from "vue";
import {commonDict} from "@/api/dict/commonDict";

!onMounted(async ()=>{
  let response = await commonDict.getAllDict();
  console.log(response)
})
</script>

<style scoped lang="scss">
.content{
  .description{
    margin: 12px 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
  }
  .detail{
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    div{
      width: 486.67px;
      height: 58px;
      border-radius: 5px;
      p:last-child{
        display: flex;
        justify-content: start;
        align-items: center;
      }
      p{
        line-height: 22px;
      }
      padding: 12px;
    }
   .div1{
     background-color: rgba(245, 245, 245, 1);
   }
    .div2{
      background-color: rgba(251, 236, 236, 1);
      margin: 0 12px;
    }
    .div3{
      background-color: rgba(232, 245, 240, 1);
    }
  }
}
</style>